<script setup>
import Toolbar from './widget/Toolbar.vue'
import MapComponent from './components/CesiumViewer.vue'
import LayerManager from './widget/LayerManage/LayerManager.vue'
import { ref } from 'vue'

const showLayerManager = ref(false)

const toggleLayerManager = () => {
  showLayerManager.value = !showLayerManager.value
}
</script>

<template>
  <MapComponent></MapComponent>
  <Toolbar @toggleLayerManager="toggleLayerManager"></Toolbar>
  <LayerManager v-if="showLayerManager" @close="toggleLayerManager" ></LayerManager>
</template>

<style scoped>


</style>
